<!doctype html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<style>
body{
	font-family:tahoma;
	margin-left:auto;
	margin-right:auto;
	width:844px;
	font-size:12px;
}
h1{
	font-size:32px;
}
h2{
	font-size:26px;
	color:#0b73a9;
	margin:0;padding:0;
}
a{
	text-decoration:none;
	color:#000000;
}
a:hover{
	text-decoration:underline;
}
a img{ border:0; }
.header{
	width:800px;
	margin-left:22px;
}
.searchbox{
	float:right;
	background-image:url(searchbox.png);
	height:29px;
	width:185px;
	padding-left:6px;
	padding-top:4px;
}
.searchinput{
	background-color:transparent;
	width:145px;
	height:23px;
	border:0;
	outline: none;
}
.magbtn{
	background-image:url(magbtn.png);
	background-color:transparent;
	width:25px;
	height:23px;
	border:0;
	padding:0;
	margin:0;
}
.menu{
	width:844px;
	height:43px;
}
.menusideright{
	background-image:url(menusides.png);
	background-position: -22px top;
	float:right;
	width:22px;
	height:43px;
}
.menusideleft{
	position:absolute;
	background-image:url(menusides.png);
	height:43px;
	width:22px;
}
.menucontent{
	margin-left:22px;
	position:absolute;
	background-image:url(menubg.png);
	width:800px;
	height:43px;
}
.homebtn{
  background-image:url(home.png);
  height: 33px;
  width: 37px;
}
.homebtnhover{
	margin-top:5px;
	float:left;
	background-image:url(home.png);
	height: 33px;
	width: 37px;
	background-position: -37px top;
}
.indexbtn{
	background-image:url(indexbtn.png);
	height: 22px;
	width: 69px;
}
.indexbtnhover{
	margin-top:11px;
	margin-left:10px;
	float:left;
	background-image:url(indexbtn.png);
	height: 22px;
	width: 69px;
	background-position: -69px top;
}
.latestbtn{
	background-image:url(latestbtn.png);
	height: 22px;
	width: 94px;
}
.latestbtnhover{
	margin-top:11px;
	margin-left:10px;
	float:left;
	background-image:url(latestbtn.png);
	height: 22px;
	width: 94px;
	background-position: -94px top;
}
.searchbtn{
	background-image:url(searchbtn.png);
	height: 22px;
	width: 94px;
}
.searchbtnhover{
	margin-top:11px;
	margin-left:10px;
	float:left;
	background-image:url(searchbtn.png);
	height: 22px;
	width: 94px;
	background-position: -94px top;
}
.registerbtn{
	background-image:url(registerbtn.png);
	height: 22px;
	width: 113px;
}
.registerbtnhover{
	margin-top:11px;
	margin-left:10px;
	float:left;
	background-image:url(registerbtn.png);
	height: 22px;
	width: 113px;
	background-position: -113px top;
}
.loginbtn{
	background-image:url(loginbtn.png);
	height: 22px;
	width: 69px;
}
.loginbtnhover{
	margin-top:11px;
	margin-left:10px;
	float:left;
	background-image:url(loginbtn.png);
	height: 22px;
	width: 69px;
	background-position: -69px top;
}
.logoutbtn{
	background-image:url(logoutbtn.png);
	height: 22px;
	width: 93px;
}
.logoutbtnhover{
	margin-top:11px;
	margin-left:10px;
	float:left;
	background-image:url(logoutbtn.png);
	height: 22px;
	width: 93px;
	background-position: -93px top;
}

.content{
	width:780px;
	padding:10px;
	margin-left:22px;
	background: url(contentbg.png) repeat-y;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
}
.content-inner{
	padding:10px;
	padding-top:20px;
	background:url(whitebackfade.png) repeat-x;
}

.sectiontitle{
	margin-top:20px;
	margin-left:50px;
	font-size:14px;
	float:left;
}
.accountoptions{
	margin-top:12px;
	margin-right:35px;
	font-size:14px;
	float:right;
}

.footer{
	margin-top:20px;
	font-size:11px;
	text-align:center;
}

</style>
</head>
<body>
	<div class="header">
	<div class="searchbox">
		<form action"search.php" method="get">
			<table><tr>
				<td><input autocomplete="off" class="searchinput" type="text" name="search" /></td>
				<td valign="top"><input class="magbtn" type="submit" value="" /></td>
			</tr></table>
		</form>
	</div>
		<a href="."><h1>FileWire</h1></a>
	</div>
	<div class="menu">
		<div class="menusideright"></div><div class="menusideleft"></div>
		<div class="menucontent">
			<a href="."><div id="homebtnhover" class="homebtnhover"><div class="homebtn" onmouseover="$('#homebtnhover').fadeTo(500,1.0);$(this).fadeTo(500,0.1);" onmouseout="$(this).fadeTo(500,1.0);"></div></div></a>
			<a href="."><div id="indexbtnhover" class="indexbtnhover"><div class="indexbtn" onmouseover="$('#indexbtnhover').fadeTo(500,1.0);$(this).fadeTo(500,0.1);" onmouseout="$(this).fadeTo(500,1.0);"></div></div></a>
			<a href="."><div id="latestbtnhover" class="latestbtnhover"><div class="latestbtn" onmouseover="$('#latestbtnhover').fadeTo(500,1.0);$(this).fadeTo(500,0.1);" onmouseout="$(this).fadeTo(500,1.0);"></div></div></a>
			<a href="."><div id="searchbtnhover" class="searchbtnhover"><div class="searchbtn" onmouseover="$('#searchbtnhover').fadeTo(500,1.0);$(this).fadeTo(500,0.1);" onmouseout="$(this).fadeTo(500,1.0);"></div></div></a>
			<div style="float:right">
				<div style="display:inline">
					<a href="."><div id="registerbtnhover" class="registerbtnhover"><div class="registerbtn" onmouseover="$('#registerbtnhover').fadeTo(500,1.0);$(this).fadeTo(500,0.1);" onmouseout="$(this).fadeTo(500,1.0);"></div></div></a>
					<a href="."><div id="loginbtnhover" class="loginbtnhover"><div class="loginbtn" onmouseover="$('#loginbtnhover').fadeTo(500,1.0);$(this).fadeTo(500,0.1);" onmouseout="$(this).fadeTo(500,1.0);"></div></div></a>
				</div>
				<div style="display:none">
					<a href="."><div id="logoutbtnhover" class="logoutbtnhover"><div class="logoutbtn" onmouseover="$('#logoutbtnhover').fadeTo(500,1.0);$(this).fadeTo(500,0.1);" onmouseout="$(this).fadeTo(500,1.0);"></div></div></a>
				</div>
			</div>
		</div>
	</div>
	<div class="accountoptions"><table><tr><td><a href="">My Account</a></td><td><a href=""><img src="help.png" alt="Help" /></a></td></tr></table></div>
	<div class="sectiontitle"><a href="">News</a> &rarr; <a href="">Getting Ready</a></div>
	<div class="content">
		<div class="content-inner">
			<br />
			<table><tr><td><a href=""><h2>Getting Ready</h2></a></td><td valign="bottom"><small>7th January 2011</small></td></tr></table>
			<p>We're just getting the site ready at the moment. Please wait for more...</p>
			
			<hr>
			
			<table><tr><td><a href=""><h2>THREAD TITLE</h2></a></td><td valign="bottom"><small>24th December 2010</small></td></tr></table>
			<i>This is an example blog post.</i><br />
			<p>The new server speeds mean we can bring the latest and greatest to you smother and faster. We've also
			worked out a bug with the style that means active links will no longer display incorectly. Sorry for any
			confusion this may have caused.</p>

			<p>On another note we have noticed a 100% decrease in spam thanks to the antibot plugin we just installed.</p>
			
			<div class="footer">
				Total Downloads: 14,234 &bull; Total Post: 24,023 &bull; Total Members: 4847<br />
				&copy; Sitename.com <?php echo date("Y"); ?> - <a href="">Terms</a> <a href="">Privacy</a> <a href="">Legal</a><br />
				Powered by <a href="">FireWire</a>
			</div>
		</div>
	</div>
</body>
</html>